// 后台管理系统公共的js文件
// 1、进度条显示
// 了解jQuery相关的Ajax方法
// 当发ajax请求时显示进度条
// Ajax没执行完时显示进度加载
// Ajax执行完进度条走完，隐藏

// 登录拦截，没登录的话跳转到登录页
$.ajax({
    url: '/employee/checkRootLogin',
    type: 'get',
    async: false,
    dataType: 'json',
    success: function (data) {
        if (data.error && data.error == 400) {
            location.href = 'login.html'
        }
    }
})



//禁用进度环
NProgress.configure({ showSpinner: false });
//只要使用ajax就会执行这个方法
$(window).ajaxStart(function () {
    //开启进度条
    NProgress.start()
})
$(window).ajaxComplete(function () {
    // 结束进度条
    NProgress.done()
})


//2、侧边栏的显示和隐藏，二级菜单的显示和隐藏
$('.glyphicon-align-justify').on('click',function () {
    // toggle() 方法让元素在显示和隐藏之间切换
    $('.ad_aside').toggle()
    //类的有无切换
    $('.ad_section').toggleClass('menu')
})
$('.menu [href="javascript:;"]').on('click', function () {
    //上下滑动显示和隐藏
    $(this).siblings('.child').slideToggle()
})



//3、退出功能,每个页面都有，优化：放在公共的js部分，再追加到页面中
var innerHtml = ['<div class="modal fade logout">',
    '        <div class="modal-dialog modal-sm">',
    '        <div class="modal-content">',
    '        <div class="modal-header">',
    '        <button type="button" class="close" data-dismiss="modal" ><span >&times;</span></button>',
    '    <h4 class="modal-title">温馨提示</h4>',
    '        </div>',
    '        <div class="modal-body">',
    '        <p class="text-danger"><span class="glyphicon glyphicon-info-sign"></span>确认退出系统？</p>',
    '    </div>',
    '    <div class="modal-footer">',
    '        <button type="button" class="btn btn-default">取消</button>',
    '        <button type="button" class="btn btn-primary">确认</button>',
    '        </div>',
    '        </div>',
    '        </div>',
    '        </div>'].join("")
$('body').append(innerHtml)
$('.glyphicon-log-out').on('click', function () {
    $('.logout').modal('show').find('.btn-primary').on('click', function () {
        $.ajax({
            url: '/employee/employeeLogout',
            type: 'get',
            success: function (data) {
                if (data.success == true) {
                    $('.modal').modal('hide')
                    location.href = '/admin/index.html'
                }
            }
        })
    })
    $('.logout').modal('show').find('.btn-default').on('click', function (){
        $('.logout').modal('hide')
    })


})

